<%@ page language="java" contentType="text/html; charset=utf-8"
		 pageEncoding="utf-8"%>
<%@ include file="/views/common/resources.jsp" %>
<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>历史报警</title>
	<link href="${basePath}resources/js/common/plugin/select2/css/select2.min.css" rel="stylesheet">
	<link href="${basePath}resources/js/common/plugin/My97DatePicker/skin/WdatePicker.css" rel="stylesheet">
	<script src="${basePath}resources/js/common/plugin/select2/js/select2.min.js"></script>
	<script src="${basePath}resources/js/common/plugin/My97DatePicker/WdatePicker.js"></script>
	<script src="${basePath}resources/js/common/util/common.js"></script>
	<script src="${basePath}resources/js/common/plugin/echarts/echarts.min.js"></script>
	<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=d782d52560e7b77e0d764b1496c60dde"></script>
</head>
<body class="realAlarm">
<div class="page">
	<div class="slider pa clearfix">
		<%@ include file="/views/common/menu.jsp" %>
	</div>
	<div class="main ">
		<%@ include file="/views/common/top.jsp" %>
		<div class="content">
			<div id="historyAlarm">
				<div class="queryAlarm clearfix pr" style="height:41px;overflow:hidden">
					<div class='fl quaryAllAlarm'>
						<div class="selectAlarm fl mtb15">
							<select id="quaryCar" name="quaryCar" class="select2 " placeholder="请选择车辆查询"><option value=''>请选择车牌号码</option></select>
						</div>
						<div class="selectAlarm fl mtb15">
							<select id="quaryType" name="quaryType" class="select2" placeholder="请选择报警类型"><option value=''>请选择报警类型</option></select>
						</div>
						<div class="selectAlarm fl mtb15">
							<select id="quaryCondition" name="quaryCondition" class="select2" placeholder="报警条件">
								<option value=''>请选择报警来源</option>
								<option value=10>平台报警</option>
								<option value=1>终端报警</option>
							</select>
						</div>
						<div class="fl clearfix mtb15">
							<input type="text" id="inputStartDate" class="query-input fl Wdate Time_input" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',maxDate:'%y-%M-%d %H:%m:%s'})">
						</div>
						<div class="fl clearfix mtb15">
							<input type="text" id="inputEndDate"  class="query-input Wdate Time_input" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',maxDate:'%y-%M-%d %H:%m:%s'})">
						</div>
						<div class="selectAlarm fl mtb15">
								<select id="ishandle" name="ishandle" class="select2" placeholder="是否处理" style="">
									<option value=''>请选择是否处理</option>
									<option value=0>未处理</option>
									<option value=1>已处理</option>
								</select>
							</div>
							<div class="inputAlarm fl clearfix mtb15">
								<label class="fl">处理人：</label>
								<input class="dealPeople fl" id="dealPeople" type="text" placeholder="请输入处理人">
							</div>
					</div>
					<div class='fr querAllBotton'>
						<a class="queryBotton fl db btn" style="margin-right:15px;line-height: 26px;height:26px" id="queryAlarm" href="javascript:;">查询</a>
						<a class="queryBotton fl db btn" style="line-height: 26px;height:26px;margin-right:16px;" id="dealAlarm" href="javascript:;">处警</a>
						<a class="queryBotton fl db btn" style="line-height: 26px;height:26px;margin-right:16px;"  id="senior" href="javascript:;">高级</a>
						<a class="queryBotton fl db btn" style="line-height: 26px;height:26px"  name="exportSimCardBtn" id="exportHistoryAlarmBtn" href="javascript:;">导出</a>
						<%--<li class="userAdd OpeartLi fl">--%>
							<%--<a class="db clearfix OpeartA" href="javascript:;" id="exportSimCardBtn" name="exportSimCardBtn">--%>
								<%--<span class="export-icon db fl OpeartIcon"></span>--%>
								<%--<div class="add-text OpeartText fl">导出</div>--%>
							<%--</a>--%>
						<%--</li>--%>
					</div>

				</div>
			</div>
			<div id="queryResult">
			</div>
		</div>
		<!-- 历史报警处理弹窗 -->
		<div id="handlehistoryAlarm" style="top:25% !important;" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="handleAlarmLabel" aria-hidden="true">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				<!-- 隐藏表单记录处警的vid,atype,atime -->
				<input type="hidden" id="handlerhisVevhicleid" />
				<input type="hidden" id="handlerhisAlarmType" />
				<input type="hidden" id="handlerhisAlarmTime" />
				<h5 id="myModalLabel">报警处理</h5>
			</div>
			<div class="modal-body">
				<div class="modal-form">
					<ul class="clearfix">
						<li class="clearfix modal-form-list">
							<label class="fl modal-form-label">报警类型</label>
							<input class="fl modal-form-input" disabled id="showHistoryAlarmType" value="" >
						</li>
						<li class="clearfix modal-form-list">
							<label class="fl modal-form-label">处理内容</label>
							<textarea id="handerHistoryContent" class="fl modal-form-textarea" rows="" cols=""></textarea>
						</li>
						<li class="clearfix modal-form-list">
							<label class="fl modal-form-label">处理结果</label>
							<select class="fl modal-form-select" id="modal-hisoryform-select">
								<option>真报警</option>
								<option>假报警</option>
							</select>
						</li>
						<li class="clearfix modal-form-list">
							<label class="fl modal-form-label">处理人</label>
							<input class="fl modal-form-input" disabled id="handlerHistoryUser" value="${username}" placeholder="请输入处理人">
						</li>
						<li class="clearfix modal-form-list">
							<label class="fl modal-form-label">处理时间</label>
							<input class="fl modal-form-input" disabled id="handlerHistoryTime" value="" >
						</li>
					</ul>
				</div>
			</div>
			<div class="modal-footer">
				<button class="btn closeBtn" data-dismiss="modal" aria-hidden="true">关闭</button>
				<button class="btn" id="handleHistoryAlarmSave">处警</button>
			</div>
		</div>
		<%--导出数据弹窗--%>
		<div id="exportModal" class="modal hide fade" data-backdrop="static" style="left: 51%; width:600px;top: 52%;  margin-top: -89.5px;" aria-hidden="false" tabindex="-1" data-backdrop="static">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				<h4 id="exportTitle">导出车辆外设信息</h4>
			</div>
			<div class="modal-body" style="font-size: 13px;vertical-align: middle; text-align: center;">
				<span>页数:</span>
				<input class="input-medium" id="StartPageIndex" type="number" value="1"><span>&nbsp;到&nbsp;</span>
				<input class="input-medium" id="EndPageIndex" type="number">
			</div>
			<div class="modal-footer">
				<button class="btn " data-dismiss="modal" aria-hidden="true">关闭</button>
				<button class="btn btn-ecColor" id="confirmExport" name="confirmExport">导出</button>
			</div>
		</div>
	</div>
</div>
<script src="${basePath}resources/js/common/main/HashMap.js"></script>
<script src="${basePath}resources/js/common/main/global.js"></script>
<script src="${basePath}resources/js/common/main/nav.js"></script>
<script src="${basePath}resources/js/business/alarm/alarmType.js"></script>
<script src="${basePath}resources/js/business/alarm/historyAlarm.js"></script>
<script>
var marginRight= $(document).width()-$(".quaryAllAlarm").width()-50-150+'px';
if(marginRight>250){
	$('.quaryAllAlarm').css('margin-right',marginRight);
}else{
	$('.quaryAllAlarm').css('margin-right',"250px");
}
</script>
</body>
</html>
